@import url("header.css");
@import url("footer.css");
*{
	margin: 0;
	padding: 0;
}
html {
    font-size: 100px;
}

body {
    font: 14px/22px "microsoft yahei";
}

html, body {
    margin: 0 auto;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, pre, form, fieldset, input, textarea, blockquote, p, header, footer, nav, section, article, aside, video {
    padding: 0px;
    margin: 0px;
    tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -ms-tap-highlight-color: rgba(0,0,0,0);
}

table, td, tr, th {
    font-size: 12px;
}

table {
    margin: 0px auto;
    border-collapse: collapse;
}

img {
    vertical-align: top;
    border: 0px;
}

ol, ul {
    list-style: none;
}

li {
    list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

address, caption, cite, code, dfn, em, i, b {
    font-weight: normal;
    font-style: normal;
}

a {
    color: #0077dd;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

    a:hover {
        text-decoration: none;
    }

img {
    height: auto;
    vertical-align: top;
}

input, textarea, select, button {
    outline: none;
    resize: none;
    border: 0;
    font-family: "microsoft yahei";
}

//nav
.navs{
	width: 1200px;
    margin: 0 auto;
    height: 40px;
    position: relative;
    z-index: 10;
    b {
	    display: block;
	    width: 230px;
	    cursor: pointer;
	    // border-bottom: 2px solid #dc0f50;
	    margin-right: 30px;
	    height: 40px;
	    overflow: hidden;
	    line-height: 40px;
	    float: left;
	    background: #333;
	    color: #fff;
	    padding: 0 20px;
	    h4{
		    font-weight: normal;
		}
		&:hover .pop{
		    display: block;
		}
	    // .p1{
	    // 	margin-top: 0;
	    // }
		.pop {
			display: none;
		    width: 230px;
		    border: 1px solid #e5e5e5;
		    border-top: 2px solid #dc0f50;
		    overflow: hidden;
		    position: absolute;
		    height: 560px;
		    left: 0;
		    background: #fff;
		    z-index: 10;
		    .p1 a {
			    display: block;
			    padding: 0 20px;
			    height: 40px;
			    line-height: 40px;
			    font-size: 14px;
			    color: #333;
			    &:hover {
			    	background: #dc0f50;
				    color: #fff;
				}
			}
			
		}
		.p1{
			border: none;
		}
	}
	
	ul {
	    overflow: hidden;
	    float: left;
	    width: 900px;
	    height: 40px;
	    li {
		    overflow: hidden;
		    padding: 0 16px 0 24px;
		    line-height: 40px;
		    height: 40px;
		    float: left;
		    a {
		    	font-size: 18px;
			    color: #333;
			    &:hover {
			    	color: #dc0f50;
			    }
		    }
			
		}
	}
}

//main
.main{
	width: 100%;
	min-height: 500px;
	border-top: 2px solid #dc0f50;
	overflow: hidden;
	position: relative;
	.box{
		width: 1200px;
		margin: 0 auto;
		h4{
	    	font-size:14px;
	    }
		h2 {
		    height: 40px;
		    line-height: 40px;
		    padding: 0 15px;
		    a {
			    color: #333;
			    font-size: 12px;
			}
			span {
			    padding: 0 3px;
			    font-size: 12px;
			    color: #333;
			}
		}
		//h2
		.show {
		    padding: 29px;
		    position: relative;
		    border: 1px solid #d6d6d6;
		    background: #fff;
		    margin-bottom: 10px;
		    overflow: hidden;
		    .fl {
			    width: 545px;
			    float: left;
			    overflow: hidden;
			    height: 512px;
			    .small {
				    width: 64px;
				    float: left;
				    height: 464px;
				     a {
					    margin-top: 6px;
					    cursor: pointer;
					    img{
					    	margin-top: 6px;
					    	&:hover{
								border: 1px solid #dc0f50;
							}

					    }
					}
					a.up.curr {
						display: block;
						height: 9px;
					    background: url(../images/up_down.png) no-repeat center top;
					    background-position: center -20px;
					}
					ul li {
					    height: 64px;
					    padding: 5px 0;
					    cursor: pointer;
					    img {
						    width: 62px;
						    height: 62px;
						    border: 1px solid #fff;
						    &:hover{
								border: 1px solid #dc0f50;
							}
						}
					}
					a.down.curr {
						display: block;
						height: 9px;
					    background: url(../images/up_down.png) no-repeat center top;
					    background-position: center -30px;
					}
				}
				//small
				.big {
				    width: 460px;
				    float: right;
				    position: relative;
				    img {
					    display: block;
					    /* margin-bottom: 20px; */
					    height: 460px;
					    width: 460px;
					}
					i {
					    display: none;
					    width: 150px;
					    height: 150px;
					    line-height: 150px;
					    color: #e5e5e5;
					    text-align: center;
					    font-size: 30px;
					    background: url(../images/sq.png) no-repeat;
					    position: absolute;
					    top: 50%;
					    margin-top: -115px;
					    left: 50%;
					    margin-left: -75px;
					}
					a {
					    width: 102px;
					    height: 32px;
					    line-height: 32px;
					    text-align: center;
					    color: #fff;
					    font-size: 14px;
					    background: #707070;
					    margin: 0 auto;
					    display: none;
					}
					.big_mask {
					    position: absolute;
					    top: 0;
					    left: 0;
					    width: 200px;
					    height: 200px;
					    background: #99C;
					    opacity: 0.5;
					    // filter: alpha(opacity:50);
					    display: none;
					}
					span.collection {
					    height: 20px;
					    line-height: 19px;
					    /* overflow: hidden; */
					    padding-left: 26px;
					    background: url(../images/icon_1.png) no-repeat 0 -59px;
					    cursor: pointer;
					    color: #666;
					    position: absolute;
					    bottom: -36px;
					    left: 50%;
					    margin-left: -27px;
					}
				}
				//big
			}
			//fl

			.b {
				//display: none;
			    overflow: hidden;
			    border: 1px solid #e5e5e5;
			    width: 460px;
			    height: 460px;
			    position: absolute;
			    z-index: 2;
			    left: 616px;
			    top: 28px;
			    display: none;
			    img {
				    position: absolute;
				    top: 0;
				    left: 0;
				}
			}

			.fr {
			    float: right;
			    width: 550px;
			    position: relative;
			    h3 {
				    color: #333;
				    font-size: 20px;
				    height: 54px;
				    line-height: 30px;
				    padding: 7px 0;
				    border-bottom: 1px solid #d6d6d6;
				}
				.bd {
				    padding: 5px 0;
				    p.price {
					    line-height: 35px;
					    position: relative;
					    b {
						    color: #dc0f50;
						    font-size: 30px;
						    margin-right: 8px;
						}
						em {
						    display: block;
						    color: #666;
						    line-height: 16px;
						    font-size: 18px;
						    text-decoration: line-through;
						}
						.goShop {
						    position: absolute;
						    color: #c06;
						    font-size: 14px;
						    line-height: 14px;
						    top: 25px;
						    right: 27px;
						    text-decoration: none;
						}
						.goShop span{
							position: absolute;
						    width: 18px;
						    height: 18px;
						    background: url(../images/goShop.png) no-repeat;
						    top: 0;
						    top: -2px;
						    right: -24px;
						}
						
					}
					//p.price
					p.num {
					    height: 40px;
					    line-height: 40px;
					    margin-top: 10px;
					    font-size: 12px;
					    color: #666;
					    b{
					    	font-size: 12px;
						    color: #666;
						    display: block;
						    width: 60px;
						    float: left;
						}
						span{
							padding-left: 15px;
							line-height: 40px;
							font-size: 12px;
   							color: #666;
						}
					}
					//p.num
					p.shou {
					    height: 40px;
					    line-height: 40px;
					    //margin-top: 10px;
					    font-size: 12px;
					    color: #666;
					    b{
					    	font-size: 12px;
						    color: #666;
						    display: block;
						    width: 50px;
						    float: left;
					    }
					    span {
						    margin-right: 15px;
						    padding-left: 15px;
						    line-height: 40px;
						    font-size: 12px;
    						color: #666;
						}
					}
					.song {
					    padding: 5px 0;
					    position: relative;
					    .song_lab {
						    float: left;
						    font-size: 12px;
						    color: #666;
						    width: 50px;
						    padding-top: 2px;
						}
						.songAddr {
						    float: left;
						    width: 173px;
						    height: 24px;
						    color: #333;
						    line-height: 24px;
						    font-size: 13px;
						    border: 1px solid #d6d6d6;
						    margin-left: 15px;
						    .songAddr_cur {
							    float: left;
							    padding-left: 12px;
							}
							.songAddr_btn {
							    float: right;
							    width: 30px;
							    height: 24px;
							    border-left: 1px solid #d6d6d6;
							    background: url(../images/gg.png) no-repeat;
							    background-position: 10px 10px;
							}
						}
						.good_tip {
							//display: none;
						    float: left;
						    margin: 4px 0 0 10px;
						    .please {
							    font-size: 12px;
							    color: #e92d2f;
							}
							.you {
							    font-size: 15px;
							    color: #333;
							    font-weight: bold;
							}
							.wu {
							    font-size: 15px;
							    color: #e92d2f;
							    font-weight: bold;
							}
						}
						.song_dialog {
						    display: none;
						    width: 420px;
						    height: 158px;
						    border: 1px solid #d6d6d6;
						    box-shadow: 0 0 1px #d6d6d6;
						    position: absolute;
						    left: 65px;
						    top: 30px;
						    z-index: 99;
						    background: #fff;
						    .dia_close {
							    width: 12px;
							    height: 12px;
							    background: url(../images/re_box_close.png) no-repeat;
							    position: absolute;
							    top: 6px;
							    right: 6px;
							}
							.dia_addr {
							    padding: 3px 0 10px 12px;
							    label {
								    font-size: 12px;
								    color: #666;
								}
								span {
								    font-size: 13px;
								    color: #333;
								}
							}
							.dia_addr_select {
							    margin: 0 10px;
							    border-bottom: 2px solid #ff5c90;
							    li {
								    float: left;
								    position: relative;
								    width: 78px;
								    height: 20px;
								    border: 1px solid #d6d6d6;
								    border-bottom: none;
								    margin-right: 6px;
								    text-align: center;
								    line-height: 20px;
								    b {
									    font-size: 13px;
									    color: #333;
									    position: relative;
									    z-index: 9;
									}
									i {
									    position: absolute;
									    left: -1px;
									    top: -1px;
									    width: 76px;
									    height: 21px;
									    border-width: 2px 2px 0 2px;
									    border-style: solid;
									    border-color: #ff5c90;
									    background: #FFF;
									    z-index: 8;
									}
								}
							}
						}
					}
					//song

					.dui{
						.tips {
						    display: none;
						}
						p.option{
						    line-height: 22px;
						    padding: 5px 0;
						    overflow: hidden;
						    b {
							    display: block;
							    width: 62px;
							    line-height: 22px;
							    font-size: 12px;
							    color: #666;
							    float: left;
							}
							font {
							    overflow: hidden;
							    display: block;
							    float: left;
							    width: 274px;
							    line-height: 22px;
							}
						}
						a {
						    font-weight: bold;
						    display: block;
						    padding: 0 5px;
						    height: 20px;
						    border: 1px solid #d6d6d6;
						    color: #666;
						    text-align: center;
						    line-height: 20px;
						    float: left;
						    margin: 0 5px 5px 0;
						    border-radius: 1px;
						    cursor: pointer;
						    font-size: 12px;
						}
						p.number {
						    line-height: 22px;
						    padding: 5px 0;
						    overflow: hidden;
						    b {
							    display: block;
							    width: 62px;
							    line-height: 22px;
							    font-size: 12px;
							    color: #666;
							    float: left;
							}
							label {
							    margin-right: 12px;
							    display: block;
							    width: 86px;
							    height: 21px;
							    float: left;
							    border: 1px solid #d6d5d3;
							    a {
								    display: block;
								    width: 17px;
								    height: 19px;
								    overflow: hidden;
								    float: left;
								    background: url(../images/jia_jian.png) no-repeat;
								    text-indent: -999em;
								    margin: 0;
								}
								input {
								    width: 50px;
								    padding: 0 5px;
								    border-left: 1px solid #d6d5d3;
								    float: left;
								    text-align: center;
								    line-height: 20px;
								    height: 19px;
								    color: #666;
								    font-size: 12px;
								    border-right: 1px solid #d6d5d3;
								}
								a.jia {
									width: 17px;
								    height: 19px;
									display: block;
									float: left;
								    background-position: 0 -20px;
								}
							}
						}
					}
					//dui

					p.list {
					    /* height: 19px; */
					    line-height: 19px;
					    overflow: hidden;
					    padding: 7px 0 0 0;
					    span {
						    display: block;
						    float: left;
						    padding-left: 25px;
						    font-size: 14px;
						    color: #333;
						    margin: 0px 0 8px 0;
						    margin-right: 26px;
						    background-size: 20px auto;
						}
						.s1{
					    	background: url(../images/z.png) no-repeat left top;
					    	background-size: 20px auto
					    }
					    .s2{
					    	background: url(../images/y.png) no-repeat left top;
					    	background-size: 20px auto
					    }
					    .s3{
					    	background: url(../images/7.png) no-repeat left top;
					    	background-size: 20px auto
					    }
					}
					.btn {
					    height: 100px;
					    overflow: hidden;
					    a {
						    display: block;
						    width: 150px;
						    height: 38px;
						    line-height: 38px;
						    overflow: hidden;
						    text-align: center;
						    color: #fff;
						    font-size: 16px;
						    float: left;
						    margin-right: 22px;
						    background: #fea829 20px center;
						}
						a.a1 {
						    background: #dc0f50;
						}
						a.a2 {
						    position: relative;
						    width: 150px;
						    margin-right: 8px;
						    text-align: center;
						}
						.serviceTel {
						    float: left;
						    margin-top: 8px;
						    color: #333;
						    font-size: 12px;
						    i {
							    color: #c06;
							    margin: 0 4px;
							}
						}
					}
				}
				//bd
				
			}
			//fr
		}
		//show
		.content {
		    background: #fff;
		    margin-bottom: 68px;
		    .hd {
			    height: 49px;
			    width: 320px;
			    border: 1px solid #e5e5e5;
			    border-bottom: none;
			    li {
				    width: 160px;
				    height: 50px;
				    line-height: 50px;
				    float: left;
				    background: #f5f5f5;
				    text-align: center;
				    font-size: 18px;
				    cursor: pointer;
				    border-radius: 4px 4px 0 0;
				    a{
				    	color: #333;
				    }
				}
				li.active {
				    background: #fff;
				    border-bottom: 1px solid #fff;
				    color: #dc0f50;
				    border-top: 3px solid #dc0f50;
				    position: relative;
				    top: -1px;
				    width: 159px;
				    margin-left: -1px;
				}
			}
			//hd
			.bd {
				min-height: 500px;
			    padding-top: 2px;
			    border: 1px solid #e5e5e5;
			    .img {
				    overflow: hidden;
				    padding: 25px 50px;
				    p {
					    line-height: 30px;
					    font-size: 14pox;
					    overflow: hidden;
					    height: 30px;
					    color: #666;
					    a {
						    float: right;
						    margin-right: 35px;
						    color: #666;
						}
					}
					.tu {
					    display: block;
					    padding: 35px;
					    overflow: hidden;
					    img {
						    height: auto;
						    vertical-align: top;
						    border: 0px;
						}
					}
				}
				.table {
				    padding: 40px;
				    min-height: 440px;
				    overflow: hidden;
				    li {
					    font-size: 12px;
					    color: #666;
					    line-height: 40px;
					    overflow: hidden;
					    b {
						    width: 110px;
						    display: block;
						    float: left;
						}
						span {
						    display: block;
						    width: 1000px;
						    float: left;
						    overflow: hidden;
						}
					}
				}
			}
			//bd
			.frome {
			    padding-left: 52px;
			    margin-top: -15px;
			    display: block;
			    color: #666;
			    font-size: 13px;
			}
		}
		//content
	}
	//box
}
//main